* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

.H50 { height: 1rem; }
.header { position: fixed; left: 0px; top: 0px; width: 100%; height: 1rem; font-size: 0.32rem; text-align: center; background-image:linear-gradient(100deg, #6bf48c 0%, #d037fd 100%); line-height: 1rem; z-index: 99; display: flex; justify-content: space-around; }
.header a { color: #333333; font-size: 0.38rem; opacity: 0.6; position: relative; }
.header a i { width: 0.2rem; height: 0.2rem; background: #fe4a65; position: absolute; right: 0rem; border-radius: 50%; 
	top: 0.25rem; }
.header a.active { opacity: 1; }
.header .close { background: url('../images/img8.png') no-repeat center center; position: absolute; left: 0px; width: 1rem; height: 1rem; background-size: 0.3rem auto; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #cbced5; font-weight: normal; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #cbced5; font-weight: normal; }
input::-ms-input-placeholder,textarea::-ms-input-placeholder { color: #cbced5; font-weight: normal; }


.head { position: fixed; left: 0px; top: 0px; width: 100%; height: 1rem; font-size: 0.32rem;  background-image:linear-gradient(100deg, #6bf48c 0%, #d037fd 100%); line-height: 1rem; z-index: 99;   }

.head h2 { text-align: left; font-size: 0.38rem; position: relative; padding-left: 0.3rem; }
.head h2 .return { position: absolute; right: 0px; top: 0px; color: #333333; font-size: 0.3rem; padding: 0px 0.3rem; display: block; }


/* 前台页面 */

.index { background: url('../images/img1.jpg') no-repeat; background-size: cover; width: 100%; height: calc(100vh - 2rem); position: relative; }
.index .text { position: absolute; bottom: 10%; left: 0px; color: #fff; padding: 0.4rem; }
.index .text h3 { font-size: 0.48rem; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); position: relative; }
.index .text h3 i { position: absolute; right: 0px; top: 0.1rem; width: 0.37rem; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.index .text strong { display: block; margin-top: 0.1rem; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); font-size: 0.3rem; }
.index .text p { font-size: 0.28rem; margin-top: 0.2rem; line-height: 0.4rem; }
.index .text a { display: block; color: #fff; }

.footerbox { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 1rem; background-image:linear-gradient(100deg, #6bf48c 0%, #d037fd 100%); padding-top: 0.04rem; z-index: 99; }
.footer { height: 0.96rem; background: #fff; display: flex; flex-wrap: nowrap; /* justify-content: space-around; */ padding: 0.03rem 0rem; }
.footer a { display: block; width: 25%; flex: 0 0 auto; }
.footer a img { margin: 0 auto; height: 100%; }
.innav { position: fixed; top: 1.5rem; right: 0px; z-index: 100; width: 1.09rem; }
.innav a { display: inline-block; }

.banner { position: relative; }
.banner img { width: 100%; }

.m_tit { padding: 0.25rem 0rem; position: relative; padding-right: 1.4rem; border-bottom: 0.15rem solid #e9e9f2 }
.m_tit h3 { background: url('../images/icon7.png') no-repeat left center; background-size: 0.36rem auto; padding-left: 0.6rem; font-size: 0.34rem; color: #333; width: 100%; color: #222222; }
.m_tit p { position: absolute; right: 0rem; top: 0.25rem; font-size: 0.3rem; color: #707070; }
.m_tit p a { color: #707070; }
.m_tit p a.active { color: #fe4a65; }


.nav_tit { border-bottom: 1px solid #e9e9f2; display: flex; flex-direction: row; text-align: center; position: fixed; left: 0px; top: 2.38rem; width: 100%; z-index: 99; background: #fff; height: 1rem; }
.nav_tit a { display: block;
    flex: 1;
    text-align: center;
    font-size: 0.3rem;
    color: #747474;
    padding: 0.31rem 0rem;
    position: relative;
 }

.nav_tit a.active:after { content: '';
    width: 0.5rem;
    height: 4px;
    background: #fe4a65;
    left: 50%;
    margin-left: -0.25rem;
    position: absolute;
    bottom: 0px; }


.nav_tit a.active {
    color: #222222;
    text-shadow: 1px 0px 0px #cadedb;
}


.nav_tit_back { top: 1rem; background: #e9e9f2;  }
.nav_tit_back:after { content: ''; background: #fff; position: absolute; width: 1px; height: 0.5rem; left: 50%; top: 0.25rem; }



.H138 { height: 1.38rem; }
.m_search { background: #e9e9f2; padding: 0.3rem; position: fixed; left: 0px; z-index: 99; width: 100%; top: 1rem; height: 1.38rem; } 
.m_search .text { width: 100%; background-image: linear-gradient(100deg, #6bf48c 0%, #d037fd 100%); padding: 1px; }  
.m_search .text .txt { width: 100%; padding: 0.18rem; font-size: 0.32rem; background:#fff url('../images/icon7.png') no-repeat 0.2rem center; background-size: 0.38rem auto; padding-left: 0.8rem; padding-right: 0.5rem }

.music_search { background: #e9e9f2; padding: 0.3rem; left: 0px; z-index: 99; width: 100%; top: 1rem; height: 1.38rem; } 
.music_search .text { width: 100%; background-image: linear-gradient(100deg, #6bf48c 0%, #d037fd 100%); padding: 1px; }  
.music_search .text .txt { width: 100%; padding: 0.18rem; font-size: 0.32rem; background:#fff url('../images/icon7.png') no-repeat 0.2rem center; background-size: 0.38rem auto; padding-left: 0.8rem; padding-right: 0.5rem }


.m_more { text-align: right; margin-top: 0.2rem; }
.m_more a { font-size: 0.28rem; color: #fe4a65; }

.headlines { padding-bottom: 0.2rem; }
.headlines .list a { display: block; padding: 0.24rem 0rem; border-bottom: 1px solid #c1c3c9; font-size: 0.3rem; position: relative; padding-left: 1rem;  }
.headlines .list a i { position: absolute; left: 0px; font-style: italic; color: #fca54c; width: 0.7rem; text-align: center;  }
.headlines .list a:nth-child(1) i { font-weight: bold; color: #fe4a65; font-weight: 800; font-style: normal; } 
.headlines .list a:nth-child(2) i { font-weight: bold; color: #fe4a65; font-weight: 800; }
.headlines .list a:nth-child(3) i { font-weight: bold; color: #fe4a65; font-weight: 800; }
.headlines .list a:nth-child(4) i { font-weight: bold; color: #fe4a65; font-weight: 800; }

.headlines .list2 { overflow: hidden; margin-top: 0.2rem; margin-bottom: 0.2rem; }
.headlines .list2 ul { margin-left: -0.18rem; margin-right: -0.18rem; }
.headlines .list2 ul li { float: left; width: 50%; padding: 0px 0.18rem; }
.headlines .list2 ul li a { color: #8a8a8a; display: block; font-size: 0.26rem; line-height: 0.54rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.headlines .list2 ul li a i { margin-right: 0.2rem; }

.headlines .list3 { margin-top: 0.2rem; }
.headlines .list3 .fl { width: 50%; padding-right: 0.18rem; float: left; }
.headlines .list3 .fl h3 { color: #585ba7; line-height: 0.38rem; }
.headlines .list3 .fl .con { margin-top: 0.2rem; }
.headlines .list3 .fl .con img { width: 1.32rem; float: left; }
.headlines .list3 .fl .con p { margin-left: 1.5rem; line-height: 0.35rem; color: #a3a19c; }
.headlines .list3 .fl .con p span { color: #585ba7; }
.headlines .list3 .fr { float: right; width: 50%; padding-left: 0.18rem; }
.headlines .list3 .fr a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 0.52rem; font-size: 0.26rem; position: relative; padding-left: 0.25rem; }
.headlines .list3 .fr a:after { content: ''; background: #707070; width: 0.06rem; height: 0.06rem; border-radius: 50%; position: absolute; left: 0px; top: 50%; margin-top:-0.03rem  }
.headlines .list4 { overflow: hidden; margin-top: 0.2rem; margin-bottom: 0.2rem; }
.headlines .list4 ul { margin-left: -0.18rem; margin-right: -0.18rem; }
.headlines .list4 ul li { float: left; width: 50%; padding: 0px 0.18rem; }
.headlines .list4 ul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 0.52rem; font-size: 0.26rem; position: relative; padding-left: 0.25rem; }
.headlines .list4 ul li a:after { content: ''; background: #707070; width: 0.06rem; height: 0.06rem; border-radius: 50%; position: absolute; left: 0px; top: 50%; margin-top:-0.03rem  }

.m_H15 { height: 0.15rem; background: #e9e9f2; }

.headlinescon { padding: 0.5rem 0rem; }
.headlinescon .tit { border-bottom: 1px solid #c1c3c9; padding-bottom: 0.4rem; }
.headlinescon .tit h1 { font-size: 0.36rem; color: #222; }
.headlinescon .tit h3 { font-size: 0.22rem; margin-top: 0.1rem; }
.headlinescon .tit h3 span { color: #8a8a8a; margin-left: 0.2rem; }
.headlinescon .tit a { background: #fe4a65; color: #fff; display: inline-block; padding: 0.06rem 0.2rem 0.1rem; font-size: 0.22rem; border-radius: 0.05rem; margin-top: 0.2rem; }

.headlinescon .con { margin-top: 0.4rem; }
.headlinescon .con p { margin-top: 0.3rem; font-size: 0.28rem; line-height: 0.4rem; }
.headlinescon .share { border-top: 1px solid #dddddd; padding: 0.2rem 0rem; margin-top: 0.6rem; }
.headlinescon .share ul { display: flex; flex-direction: row; }
.headlinescon .share ul li { flex: 1; flex-direction: row;  display: flex; align-items: center; justify-content: center; font-size: 0.28rem; border-right: 1px solid #efefef; }
.headlinescon .share ul li i { margin-right: 0.15rem; }
.headlinescon .share ul li i img { width: 0.45rem; margin-top: 0.05rem; }
.headlinescon .share ul li:last-child { border-right: 0px; }
.headlinescon .dwo ul li { padding: 0.3rem 0rem; border-bottom: 1px solid #dddddd;  }
.headlinescon .dwo ul li:last-child { padding-bottom: 0px; border-bottom: none; }
.headlinescon .dwo ul li .img { float: left; }
.headlinescon .dwo ul li .img img { width: 0.85rem; height: 0.85rem; border-radius: 50%; }
.headlinescon .dwo ul li .text { margin-left: 1.2rem; }
.headlinescon .dwo ul li .text strong { font-size: 0.3rem; display: block; }
.headlinescon .dwo ul li .text p { margin-top: 0.1rem; }
.headlinescon .dwo ul li .text span { display: block; margin-top: 0.2rem; color: #999999; }


.mback { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 100; display: none; }

.m_back_77 { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 77; display: none; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }

.m_back_77.active { display: block; }

.message_tc {  height: 1rem; background: #fff; left: 0px; position: fixed; bottom: -100%; z-index: 101; width: 100%; padding: 0.15rem 1rem; }
.message_tc .icon { position: absolute; left: 0px; top: 0px; background: url('../images/icon11.png') no-repeat center center; background-size: 0.32rem auto; height: 1rem; width: 1rem; }
.message_tc .txt { width: 100%; background: #f3f4f6; border-radius: 0.5rem; height: 100%; padding: 0rem 0.3rem; }
.message_tc .but { position: absolute; right: 0px; width: 1rem; text-align: center; height: 100%; top: 0px; font-size: 0.28rem; color: #fe4a65; background: none; }

.share_tc { position: fixed; left: 0px; width: 100%; bottom: -100%; z-index: 101; background: #fff; }
.share_tc .had { height: 2.2rem; background: #fff; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0px 0.5rem;}
.share_tc .had a { display: block; flex: 1; text-align: center; }
.share_tc .had a img { width: 1rem; margin: 0 auto; }
.share_tc .close { background: #fff; text-align: center; font-size: 0.32rem; padding: 0.3rem 0rem; border-top: 1px solid #e5e5e5; }

.dispatch { padding-bottom: 1rem; }
.dispatch .tit { padding: 0.5rem 0.3rem 0.4rem; border-bottom: 1px solid #c1c3c9;  }
.dispatch .tit .txt { width: 100%; font-size: 0.36rem; }
.dispatch .tit .txt1 { font-size: 0.3rem; color: #a5a5a5; margin-top: 0.2rem; }
.dispatch .tit h2 {  font-size: 0.36rem; }
.dispatch .tit h3 { font-size: 0.3rem; color: #a5a5a5; margin-top: 0.2rem; }


.dispatch .con { display: table; table-layout: fixed; padding: 0.4rem 0.3rem; }
.dispatch .con .img { width: 50%; display: table-cell; vertical-align: middle; border-radius: 3px; overflow: hidden; }
.dispatch .con p { width: 50%; display: table-cell; vertical-align: middle; padding-left: 0.4rem; line-height: 0.4rem }

.dispatch .con_1 { padding: 0.5rem 0.3rem; border-bottom: 1px solid #c1c3c9;  }
.dispatch .con_1 h3 { font-size: 0.3rem; color: #a5a5a5; }
.dispatch .con_1 h3 span { font-size: 0.24rem; color: #c5c4c2; }

.dispatch .con_1 .list { overflow: hidden; margin-top: 0.3rem; }
.dispatch .con_1 .list ul { margin-left: -0.05rem; margin-right: -0.05rem; }
.dispatch .con_1 .list ul li { width: 33.33%; float: left; padding: 0.05rem; }
.dispatch .con_1 .list ul li .img { height: 1.34rem; position: relative; border-radius: 3px; overflow: hidden; }
.dispatch .con_1 .list ul li .img img { width: 100%; height: 100%; }
.dispatch .con_1 .list ul li .add { height: 1.34rem; border: 1px solid #dedede; border-radius: 5px; display: flex; align-items: center; justify-content: center; }
.dispatch .con_1 .list ul li .add img { width: 0.5rem; }
.dispatch .con_2 { padding: 0.5rem 0.3rem; border-bottom: 1px solid #c1c3c9;  }
.dispatch .con_2 .txtbox { height: 2.5rem; width: 100%; border: none; font-size: 0.3rem; }
.dispatch .con_2_p { padding: 0.1rem 0.3rem; }
.dispatch .con_2 p { font-size: 0.28rem; color: #333; margin: 0.3rem 0rem; line-height: 0.4rem; }


.m_check { font-size: 0.24rem; color: #8a8a8a; }
.m_check span { text-decoration: underline; font-size: 0.28rem; }
.m_check input[type="checkbox"] { background: url('../images/icon18.png') no-repeat center center; width: 0.32rem; height: 0.32rem; background-size: 0.32rem auto; display: inline-block; vertical-align: middle; margin-right: 0.12rem; }
.m_check input[type="checkbox"]:checked { background: url('../images/icon19.png') no-repeat center center; width: 0.32rem; height: 0.32rem; background-size: 0.32rem auto; }


.m_but { background: #fe4a65; font-size: 0.3rem; color: #ffffff; display: block; width: 100%; padding: 0.2rem 0rem 0.3rem; border-radius: 3px; text-align: center; }
.m_but_wz { background: #fe4a65; font-size: 0.36rem; color: #fff; border-radius: 50%; width: 1.2rem; height: 1.2rem; position: absolute; bottom: 0.8rem; margin: 0 auto; left: 50%; margin-left: -0.6rem;  }

.banner .swiper-pagination-bullet { width:20px; height:4px; background:#fff; border-radius:0px; margin:0px 4px; opacity:1; outline:none;}
.banner .swiper-pagination-bullet-active { background:#07030f; }

.dynamic .tit { border-bottom: 1px solid #e9e9f2;  display: flex; flex-direction: row; text-align: center; }
.dynamic .tit a { display: block; flex: 1; text-align: center; font-size: 0.3rem; color: #747474; padding: 0.3rem 0rem; position: relative; }
.dynamic .tit a.active { color: #222222; text-shadow: 1px 0px 0px #ddbaf0; }
.dynamic .tit a.active:after { content: '';  width: 0.5rem; height: 4px; background: #fe4a65; left: 50%; margin-left: -0.25rem; position: absolute; bottom: 0px; }

.dynamic .list ul li { border-bottom: 1px solid #c1c3c9; padding: 0.3rem; }
.dynamic .list ul li .img img { width: 0.9rem; height: 0.9rem; border-radius: 50%; }
.dynamic .list ul li .img { float: left; }
.dynamic .list ul li .text { margin-left: 1.2rem; }
.dynamic .list ul li .text h3 { font-size: 0.36rem; color: #222; }
.dynamic .list ul li .text h3 span { color: #555555; font-size: 0.26rem; margin-left: 0.3rem; }
.dynamic .list ul li .text h3 i { display: inline-block; vertical-align: middle; }
.dynamic .list ul li .text h3 i img { width: 0.24rem; margin-left: 0.3rem; }
.dynamic .list ul li .text p { font-size: 0.3rem; margin-top: 0.2rem; line-height: 0.45rem; }
.dynamic .list ul li .text strong { font-size: 0.24rem; display: block; margin-top: 0.2rem; }
.dynamic .list ul li .text strong i { display: inline-block; vertical-align: middle; margin-right: 0.1rem; margin-top: -0.1rem; }
.dynamic .list ul li .text strong i img { width: 0.27rem;  }
.dynamic .list ul li .text .link { margin-top: 0.3rem; }
.dynamic .list ul li .text .link a { background: #f3f4f6; padding: 0.2rem; font-size: 0.3rem; color: #222; display: flex; flex-direction: row; align-items: center;  }
.dynamic .list ul li .text .link img { width: 1.23rem; margin-right: 0.3rem; }
.dynamic .list ul li .text .zang { background: url('../images/icon22.png') no-repeat left center; background-size: 0.3rem auto;  margin-top: 0.2rem; padding: 0.1rem 0rem; padding-left: 0.45rem; font-size: 0.3rem; }
.dynamic .list ul li .text .zang.active { background: url('../images/icon21.png') no-repeat left center; background-size: 0.3rem auto;  margin-top: 0.2rem; padding: 0.1rem 0rem; padding-left: 0.45rem; font-size: 0.3rem; }
.dynamic .list ul li .text h6 { color: #8a8a8a;  margin-top: 0.3rem; }
.dynamic .list ul li .myvideo { margin-top: 0.3rem; }


.nearby { padding: 0.3rem 0rem; }
.nearby ul li { padding: 0.2rem 0rem; }
.nearby ul li a { display: block; min-height: 0.9rem; }
.nearby ul li .img img { width: 0.9rem; height: 0.9rem; border-radius: 50%; float: left; }
.nearby ul li .img { position: relative; width: 0.9rem; }
.nearby ul li .img i { background: #fe4a65; color: #fff; font-size: 0.24rem; width: 0.35rem; height: 0.35rem; border-radius: 50%; display: block; position: absolute; right: 0px; line-height: 0.28rem; text-align: center; top: -0.1rem; }
.nearby ul li .text { margin-left: 1.2rem;  position: relative; border-bottom: 1px solid #c1c3c9;  }
.nearby ul li .text h3 { font-size: 0.36rem; color: #333; }
.nearby ul li .text p { font-size: 0.26rem; color: #555555; display: block; margin-top: 0.1rem; padding-bottom: 0.2rem; }
.nearby ul li .text p i { display: inline-block; vertical-align: middle; margin-left: 0.2rem; margin-top: -0.05rem; }
.nearby ul li .text p i img { width: 0.27rem; }
.nearby ul li .text h6 { position: absolute; right: 0px; top: 50%; font-size: 0.26rem; margin-top: -0.28rem; }

.nearby .team { padding-bottom: 0.3rem; }
.nearby .team a { display: block; }
.nearby .team .img { width: 0.9rem; height: 0.9rem; float: left; }
.nearby .team p { margin-left: 1.2rem; color: #222; font-size: 0.3rem; line-height: 0.9rem; border-bottom: 0.15rem solid #e9e9f2; }

.nearby .team_w {  margin-top: 0rem; }
.nearby .team_w p { border-bottom: none; }


.nearbycon { padding: 0.6rem 0rem 0.2rem; }
.nearbycon .had { padding-bottom: 0.4rem; }
.nearbycon .had .img img { width: 0.9rem; height: 0.9rem; border-radius: 50%; float: left; }
.nearbycon .had .text { margin-left: 1.2rem;  position: relative;  }
.nearbycon .had .text h3 { font-size: 0.36rem; color: #333; }
.nearbycon .had .text p { font-size: 0.26rem; color: #555555; display: block; margin-top: 0.18rem;  }
.nearbycon .had .text p i { display: inline-block; vertical-align: middle; margin-left: 0.2rem; margin-top: -0.05rem; }
.nearbycon .had .text p i img { width: 0.27rem; }

.nearbycon .list ul { letter-spacing: -5px; }
.nearbycon .list ul li { border-bottom: 1px solid #c1c3c9; padding: 0.25rem 0.2rem; font-size: 0.3rem; color: #8a8a8a; letter-spacing: 0px; position: relative; padding-left: 1.5rem; }
.nearbycon .list ul li:last-child { border-bottom: none; }
.nearbycon .list ul .w50 { width: 50%; display: inline-block; vertical-align: top; }
.nearbycon .list ul li strong { position: absolute; left: 0px; top: 0px; line-height: 0.88rem; color: #222; }


.nearbycon1 { padding: 0.3rem 0rem; }
.nearbycon1 .tit { font-size: 0.3rem; position: relative; }
.nearbycon1 .tit strong i { display: inline-block; vertical-align: middle; width: 0.3rem; margin-left: 0.2rem; }
.nearbycon1 .tit p  { position: absolute; right: 0px; color: #8a8a8a; top: 0px; }
.nearbycon1 .tit p i { display: inline-block; vertical-align: middle; width: 0.28rem; margin-left: 0.2rem;  }
.nearbycon1 .dow { margin-top: 0.8rem; }


.hair { padding: 0.5rem 0rem; }
.hair .vid img { width: 0.6rem; }
.hair .had { text-align: right; }
.hair .had strong { font-size: 0.36rem; color: #222222; display: inline-block; vertical-align: middle; margin-right: 0.25rem; }
.hair .had .img { display: inline-block; vertical-align: middle; }
.hair .had .img img { width: 0.9rem; height: 0.9rem; border-radius: 50%; }

.hair .list ul li { position: relative; font-size: 0.3rem; padding-left: 1rem; margin-top: 0.5rem; line-height: 0.5rem; }
.hair .list ul li .tit { position: absolute; left: 0px; color: #555555; }
.hair .list ul li .img img { width: 2rem; height: 2rem; display: inline-block; vertical-align: top; margin-top: 0.1rem; }


.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.9);width: 100%;height: 100%;top:0;left:0;}
.big_img .swiper-container2 {position: relative;width: 100%;height: 100%;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table;}
.big_img .swiper-slide .cell{width: 100%; height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.big_img .swiper-slide img { max-width: 90%!important; max-height: 80%!important;margin:0 auto;}
.big_img .swiper-pagination2 { position: absolute; bottom:0.3rem;text-align: center;width: 100%;}
.big_img .swiper-pagination2 span{ margin:0 0.05rem; }

.swiper-pagination2 .swiper-pagination-bullet { width:0.16rem; height:0.16rem; background:#fff;  margin:0px 4px !important; opacity:0.5; outline:none;}
.swiper-pagination2 .swiper-pagination-bullet-active { background:#fff; opacity: 1; }

.popupcon { position: fixed; bottom: 30%; z-index: 101; left: 0px; width: 100%; display: none; }
.popupcon .text { background: #fff; width: 90%; margin: 0 auto; border-radius: 8px; }
.popupcon .text a { font-size: 0.36rem; color: #222; display: block; border-bottom: 1px solid #d6d4d1; padding: 0.35rem 0.3rem;  }
.popupcon .text a:last-child { border-bottom: none; }
.popupcon .text a span { float: right; font-size: 0.26rem; color: #707070; }


.cost_tc { position: fixed; bottom: 30%; z-index: 101; left: 0px; width: 100%; display: none; }
.cost_tc .text { background: #fff; width: 90%; margin: 0 auto; border-radius: 8px; padding: 0.4rem 0.3rem 0rem; }
.cost_tc .text strong { font-size: 0.3rem; color: #555555; text-align: center; display: block; }
.cost_tc .text h2 { font-size: 0.48rem; color: #fe4a65; text-align: center; margin-top: 0.2rem; border-bottom: 1px solid #ebe9e8; padding-bottom: 0.3rem; }
.cost_tc .text h2 .txt { width:2.5rem; font-size: 0.3rem; padding:0rem 0.2rem; }
.cost_tc .text .list { padding: 0.2rem; }
.cost_tc .text .list a { display: block; background: url('../images/icon34.png') no-repeat right center; background-size: 0.13rem auto; font-size: 0.26rem; color: #222222; padding: 0.22rem 0rem; }
.cost_tc .text .list a i img { width:0.45rem; display: inline-block; vertical-align: middle; margin-right: 0.1rem; margin-top: -0.1rem }


.agreement_tc { position: fixed; top: 15%; z-index: 101; left: 0px; width: 100%; display:none; }
.agreement_tc .text { background: #fff; width: 90%; margin: 0 auto; border-radius: 8px; padding: 0.2rem 0.3rem 0.4rem; }
.agreement_tc .had h3 { font-size: 0.36rem; color: #222; padding: 0.2rem 0rem; border-bottom: 1px solid #e6e6e6; text-align: center; }
.agreement_tc .had p { font-size: 0.26rem; line-height: 0.45rem; text-indent: 0.24rem; padding: 0.3rem 0rem; min-height: 3rem; }
.agreement_tc .but { text-align: center; }
.agreement_tc .but a { background: #fe4a65; font-size: 0.32rem; color: #fff; padding: 0.14rem 0.4rem 0.22rem; display: inline-block; margin: 0 0.1rem; min-width: 2rem; }
.agreement_tc .but .agre_grya { background: #c1c1c1; }



.dynamic_text .txtbox { height: 50vh; margin-top: 0.5rem; width: 100%; font-size: 0.3rem; border: none; }

.put_txt { margin-top: 0.5rem; }
.put_txt .txt { font-size: 0.3rem;  }

.dispatch_pic .con_1 { padding: 0rem; border-bottom: none; margin-top: 0.5rem; }

.dynamic_link { margin-top: 0.5rem; }
.dynamic_link a { background: #f3f4f6; padding: 0.2rem; font-size: 0.3rem; color: #222; display: flex; flex-direction: row; align-items: center;  }
.dynamic_link img { width: 1.23rem; margin-right: 0.3rem; }

.sign_logo { margin-top: 50%; }
.sign_logo img { width: 60%; margin: 0 auto; }

.sign { position: absolute; bottom: 0.5rem; left: 0px; width: 100%; }
.sign h3 { font-size: 0.28rem; color: #8a8a8a; text-align: center;  }
.sign h3:before { content: ''; background: #cecece; width: 10%; display: inline-block; vertical-align: middle; height: 1px; margin-right: 0.3rem; }
.sign h3:after { content: ''; background: #cecece; width: 10%; display: inline-block; vertical-align: middle; height: 1px; margin-left: 0.3rem; }
.sign .icon { display: flex; width: 60%; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; margin-top: 0.5rem; }
.sign .icon a img { width: 0.91rem; }

.mailbox { padding: 0.8rem 0.5rem 0.3rem; }
.mailbox ul li { margin-top: 0.2rem; position: relative; border-bottom: 1px solid #dddddd; }
.mailbox ul li .txt { width: 100%;  font-size: 0.28rem; color: #999999; padding: 0.2rem 0rem;  }
.mailbox h6 { margin-top: 0.3rem; }
.mailbox h6 a { color: #999999; }
.mailbox h6 .a1 { float: right; }
.mailbox ul li .yzm { padding-right: 1.5rem; }
.mailbox ul li .but { position: absolute; right: 0px; line-height: 0.74rem; color: #fe4a65; font-size: 0.28rem; background: none; }


.helpheadlines .tit { padding: 0.5rem 0rem; }
.helpheadlines .tit .img { width: 2.08rem; float: left; border-radius: 3px; overflow: hidden; }
.helpheadlines .tit .img img { width: 100%; }
.helpheadlines .tit .text { margin-left: 2.4rem; }
.helpheadlines .tit .text h3 { font-size: 0.36rem; color: #333333; padding-top: 0.1rem; }
.helpheadlines .tit .text strong { color: #555555; font-size: 0.3rem; display: block; margin-top: 0.2rem; }

.helpheadlines .time { margin-top: 0.5rem; padding-bottom: 0.5rem; position: relative; }
.helpheadlines .time:after { content: ''; background: #f3f4f6; height: 0.1rem; width: 96%; position: absolute; bottom: 0.12rem; left:2% }
.helpheadlines .time ul { display: flex; flex-direction: row; justify-content: space-between; font-size: 0.24rem; }
.helpheadlines .time ul li { color: #333; }
.helpheadlines .time ul li { position: relative; } 
.helpheadlines .time ul .icon:after { content: ''; background: #f3f4f6; width: 0.25rem; height: 0.25rem; border-radius: 50%; position: absolute; bottom: -0.46rem; left: 50%; margin-left: -0.12rem; z-index: 3; }
.helpheadlines .time ul .icon.time_active:after { content: ''; background: #fb7388; width: 0.25rem; height: 0.25rem; border-radius: 50%; position: absolute; bottom: -0.46rem; left: 50%; margin-left: -0.12rem; z-index: 3;  }

.helpheadlines .time ul .icon.active:after { content: ''; background: url('../images/icon31.png') no-repeat left center; width: 0.4rem; height: 0.4rem; background-size: 0.4rem auto; border-radius: 0%; margin-left: -0.2rem; bottom: -0.5rem; } 
.helpheadlines .time ul .icon.active { color: #fe4a65; }
.helpheadlines .time0:before { content: ''; background: #fb7388; height: 0.1rem; width: 0%; position: absolute; bottom: 0.12rem; left:2%; z-index: 3;  }
.helpheadlines .time1:before { content: ''; background: #fb7388; height: 0.1rem; width: 16%; position: absolute; bottom: 0.12rem; left:2%; z-index: 3;  }
.helpheadlines .time24:before { content: ''; background: #fb7388; height: 0.1rem; width: 58%; position: absolute; bottom: 0.12rem; left:2%; z-index: 3;  }
.helpheadlines .time48:before { content: ''; background: #fb7388; height: 0.1rem; width: 76%; position: absolute; bottom: 0.12rem; left:2%; z-index: 3;  }
.helpheadlines .time72:before { content: ''; background: #fb7388; height: 0.1rem; width: 96%; position: absolute; bottom: 0.12rem; left:2%; z-index: 3;  }


.helpheadlines .cost { padding: 0.8rem 0rem 0.4rem; border-bottom: 1px solid #c1c3c9; }
.helpheadlines .cost h3 {  position: relative; font-size: 0.28rem; color: #555; }
.helpheadlines .cost strong { position: absolute; right: 0px; top: 0px; }
.helpheadlines .cost strong span { color: #fe4a65; font-size: 0.36rem; }

.team { margin-top: 0.4rem; }
.team ul li { background: url('../images/icon38.png') no-repeat left center; background-size: 0.4rem auto; padding-left: 0.8rem; }
.team ul li h3 { font-size: 0.3rem; color: #222222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.team ul li p { font-size: 0.26rem; color: #555555; margin-top: 0.15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.team ul li h6 { position: absolute; top: 50%; right: 0px; color: #555555; font-size: 0.24rem; margin-top: -0.15rem; }
.team ul li .text { border-bottom: 1px solid #c1c3c9; padding-bottom: 0.25rem; margin-top: 0.3rem; position: relative; padding-right: 1rem; }

.friend { padding-bottom: 0rem; }
.friend .let { font-size: 0.34rem; color: #333333; text-transform: uppercase; position: relative; height: 0.8rem; line-height: 0.8rem; padding-left: 0.3rem; }
.friend .let:after { content: ''; background: #e9e9f2; height: 0.15rem; position: absolute; left: 14%; top: 46%; width: calc(86% + 0.3rem ); }
.friend ul li:last-child .text { border-bottom: none; }

.letter { position: fixed; right: 0.2rem; bottom: 1.3rem; z-index: 100; }
.letter a { display: block; color: #076b95; text-align: center; line-height: 0.35rem; }
.label a { display: block; border-bottom: 1px solid #c1c3c9; padding: 0.3rem 0rem; font-size: 0.3rem; color: #222222; }

.friend1 { padding-bottom: 0rem; }
.friend1 .time { font-size: 0.3rem; color: #333333; margin-left: 0.2rem; margin-bottom: 0.2rem; }
.friend1 ul li:last-child .text { border-bottom: none; }


.chat .text { position: relative; min-height: 0.9rem; clear:both; margin-top: 0.3rem; padding: 0.25rem 0.2rem; color: #222222; font-size: 0.28rem;  border-radius: 5px;  }
.chat .text img { position: absolute; width: 0.9rem; height: 0.9rem; top: 0px; border-radius: 50%; }
.chat .fl:after { content: ''; position: absolute; border: 0.15rem solid; border-color: transparent #e9e9f2 transparent transparent; left: -0.3rem; top: 0.3rem; }
.chat .fr:after { content: ''; position: absolute; border: 0.15rem solid; border-color: transparent  transparent transparent #ffcad2; right: -0.3rem; top: 0.3rem; }

.chat .fl { float: left; left: 1.2rem; background: #e9e9f2; margin-right: 1.2rem; }
.chat .fl img { left: -1.2rem;  }
.chat .fr { float: right;  right: 1.2rem; background: #ffcad2; margin-left: 1.2rem; }
.chat .fr img { right: -1.2rem; }
.chat_time { font-size: 0.26rem; color: #999999; text-align: center; padding: 0.5rem 0rem 0.2rem; }


.informationform {  height: 1rem; background: #e9e9f2; left: 0px; position: fixed; bottom: 0; z-index: 101; width: 100%; padding: 0.15rem 1rem; }
.informationform .text { width: 100%; height: 100%; padding: 1px; background-image: linear-gradient(100deg,#6bf48c 0%, #d037fd 100%); }
.informationform .icon { position: absolute; left: 0px; top: 0px; background: url('../images/icon40.png') no-repeat center center; background-size: 0.36rem auto; height: 1rem; width: 1rem; }
.informationform .txt { width: 100%; background: #fff;  height: 100%; padding: 0rem 0.3rem; }
.informationform .but { position: absolute; right: 0px; width: 1rem; text-align: center; height: 100%; top: 0px; font-size: 0.28rem; color: #fe4a65; background: none; }
.informationcon { padding-bottom: 0.5rem; }

.account { padding-bottom: 0.3rem; }
.account .had {  background-image: linear-gradient(100deg, #e6effc 0%, #f9e9ff 100%); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1); padding: 0.3rem; margin-top: 0.3rem;}
.account .had h3 { font-size: 0.36rem; color: #333; }


.account .had .text strong { font-size: 0.3rem; color: #333; }
.account .had .text p { font-size: 0.4rem; color: #707070; margin-top: 0.2rem; }
.account .had .text span { font-size: 0.28rem; }
.account .had .text { background:#fff url('../images/icon41.png') no-repeat 0.3rem 0.4rem; background-size: 0.4rem; padding: 0.4rem 0.3rem; padding-left: 0.9rem;  margin-top: 0.2rem; border-radius: 5px; box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1); position: relative; }
.account .had .text .link a { background: #fe4a65; display: inline-block; padding: 0.08rem 0.3rem 0.12rem; border: 1px solid #fe4a65; font-size: 0.3rem; color: #fff; margin-top: 0.4rem; margin-right: 0.2rem; border-radius: 3px; }
.account .had .text .link .a2 { background: #fff; color: #fe4a65; }
.account .had .text h6 { position: absolute; right: 0.3rem; top: 0.4rem; }
.account .had .text h6 a { display: block; }
.account .had .text h6 img { width: 0.45rem; margin: 0 auto; margin-bottom: 0.05rem; }
.account .list a { float: left; width: 25%; text-align: center; display: block; margin-top: 0.5rem;  }
.account .list a img { width: 0.82rem; margin: 0 auto; }
.account .list a p { font-size: 0.28rem; color: #555555; margin-top: 0.08rem; }


.order { padding: 0.2rem 0rem 0.3rem; }
.order ul li { padding: 0.3rem 0rem; border-bottom: 1px solid #dddddd; position: relative; }
.order ul li .img { width: 1.74rem; float: left; height: 1.34rem; }
.order ul li .img img { width: 100%; }
.order ul li .con { position: relative; }
.order ul li .text { margin-left: 2rem; }
.order ul li .text h3 { color: #333333; font-size: 0.28rem; }
.order ul li .text strong { font-size: 0.24rem; color: #8a8a8a; display: block; margin-top: 0.08rem; }
.order ul li .text p { margin-top: 0.1rem; }
.order ul li .text p a { border: 1px solid #fe4a65; padding: 0.06rem 0.3rem 0.11rem; color: #fe4a65; font-size: 0.26rem; display: inline-block; vertical-align: top; margin-right: 0.1rem; }
.order ul li .text p .a1 { color: #8a8a8a; border: 1px solid #9a9a9a; }
.order ul li .con .fr { position: absolute; right: 0px; bottom: 0.1rem; text-align: right; }
.order ul li .con .fr strong { font-size: 0.24rem; color: #8a8a8a; display: block; margin-bottom: 0.2rem; }
.order ul li .con .fr p { font-size: 0.28rem; color: #fe4a65; }

.bill { padding: 0.2rem 0rem 0.3rem; }
.bill ul li { position: relative; padding: 0.3rem 0rem; border-bottom: 1px solid #dddddd; }
.bill ul li .text { position: relative; }
.bill ul li .text h3 { font-size: 0.3rem; color: #333; }
.bill ul li .text p { font-size: 0.24rem; color: #8a8a8a; margin-top: 0.2rem; }
.bill ul li .text strong { position: absolute; right: 0px; top: 50%; color: #fe4a65; font-size: 0.26rem; margin-top: -0.16rem; }

.address { padding: 0.2rem 0rem 0.3rem; }
.address .list ul li {  padding: 0.3rem 0.3rem; border-bottom: 1px solid #dddddd; }
.address .list ul li h3 { font-size: 0.26rem; color: #333; position: relative; }
.address .list ul li h3 span { position: absolute; right: 0px; top: 0rem; }
.address .list ul li p { font-size: 0.26rem; color: #333;  margin-top: 0.2rem; line-height: 0.4rem; }

.address .dwo { padding: 0.5rem; margin-top: 0.6rem; }
.address .dwo .a1 { font-size: 0.32rem; color: #8a8a8a; display: block; text-align: center; padding: 0.3rem 0rem; }

.address_edit .list ul li { background: url('../images/icon51.png') no-repeat 0.2rem center; background-size: 0.32rem auto; padding-left: 1rem; }


.bankcard .list ul li  { background: url('../images/icon51.png') no-repeat 0.2rem center; background-size: 0.32rem auto;  padding: 0.3rem 0.3rem; padding-left: 1rem; border-bottom: 1px solid #dddddd;  } 
.bankcard .list ul li .img { float: left; }
.bankcard .list ul li .img img { width: 0.7rem; margin-top: 0.08rem; }
.bankcard .list ul li .text { margin-left: 1rem; }
.bankcard .list ul li .text strong { font-size: 0.3rem; color: #333333; }
.bankcard .list ul li .text p { font-size: 0.26rem; color: #999999; margin-top: 0.1rem; }
.bankcard .dwo { padding: 0.5rem; margin-top: 0.6rem; }
.bankcard .dwo .a1 { font-size: 0.32rem; color: #8a8a8a; display: block; text-align: center; padding: 0.3rem 0rem; }


.bankadd .list ul li  {  background-size: 0.32rem auto; padding: 0.3rem 0.3rem; padding-left: 0rem; border-bottom: 1px solid #dddddd; font-size: 0.28rem; position: relative; padding-left: 1.7rem;  } 
.bankadd .list ul li label { position: absolute; left: 0px; }
.bankadd .list ul li .img { float: left; }
.bankadd .list ul li .img img { width: 0.7rem; margin-top: 0.08rem; }
.bankadd .list ul li .text { margin-left: 1rem; }
.bankadd .list ul li .text strong { font-size: 0.3rem; color: #333333; }
.bankadd .list ul li .text p { font-size: 0.26rem; color: #999999; margin-top: 0.1rem; }
.bankadd .dwo { padding: 0.5rem; margin-top: 0.6rem; }
.bankadd .dwo .a1 { font-size: 0.32rem; color: #8a8a8a; display: block; text-align: center; padding: 0.3rem 0rem; }

.set .had { margin-top: 0.5rem; }
.set .had .img { width: 2.08rem; height: 2.08rem; padding: 1px; border-radius: 50%; overflow: hidden; background-image: linear-gradient(100deg, #6bf48c 0%, #d037fd 100%); overflow: hidden; margin: 0 auto; }
.set .had .img img { width: 100%; height: 100%; border-radius: 50%; }
.set .had .text { text-align: center; font-size: 0.28rem; margin-top: 0.2rem; }
.set .had .text img { width:0.4rem;  display: inline-block; vertical-align: middle; margin-right: 0.15rem; margin-top: -0.08rem; }


.set .list { padding: 0.5rem 0.2rem; }
.set .list ul li { padding-left: 0.8rem; width: 44%; margin: 0 3%; float: left; position: relative; margin-top: 0.3rem; }
.set .list ul li input[type="radio"] { background: url('../images/icon55.png') no-repeat left center; width: 0.24rem; height: 0.24rem; background-size: 0.24rem auto; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 0.1rem; }
.set .list ul li input[type="radio"]:checked { background: url('../images/icon56.png') no-repeat left center;  width: 0.24rem; height: 0.24rem; background-size: 0.24rem auto; }
.set .list ul label { font-size: 0.28rem; position: absolute; left: 0px; line-height: 0.58rem; }
.set .list ul li .rad { line-height: 0.58rem; }
.set .list ul li .rad span { margin-right: 0.2rem; }
.set .list ul .txt { width: 100%;  border: 1px solid #f592a5; padding: 0.1rem; font-size: 0.28rem; border-radius: 5px; } 
.set .list ul .text { position: relative; }
.set .list ul .text .txt { padding-right: 0.6rem; }
.set .list ul .text strong { position: absolute; right: 0.2rem; top: 0px; line-height: 0.56rem; color: #bebebc; }
.set .list ul .w100 { width: 94%; margin: 0 3%; margin-top: 0.3rem; }
.set .list ul .pl4 { padding-left: 1.3rem; }  


.fot_but { padding: 0.5rem;  }
.fot_but .a1 { font-size: 0.32rem; color: #8a8a8a; display: block; text-align: center; padding: 0.3rem 0rem; }

.setsystem .had { border-bottom: 1px solid #dddddd; padding: 0px 0.3rem; }
.setsystem .had .arrow { padding: 0.3rem 0rem; display: block; font-size: 0.28rem; color: #333333; background: url('../images/icon57.png') no-repeat right center; background-size: 0.16rem auto; }

.setsystem .list .text { position: relative; padding: 0.3rem 0rem; font-size: 0.28rem; position: relative; border-bottom: 1px solid #dddddd }
.setsystem .list .text .icon { background: #e9e9e9; height: 0.5rem; width: 0.9rem;  position: absolute; top: 0px; right: 0rem; border-radius: 20px; top: 50%; margin-top: -0.25rem; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.setsystem .list .text .icon:after { content: ''; background: #fff; height: 0.4rem; width: 0.4rem; position: absolute; left: 0px; top: 0.05rem; border-radius: 50%; left: 0.05rem; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.setsystem .list { padding: 0rem 0.3rem; border-bottom: 1px solid #dddddd; }
.setsystem .list .text .icon.active { background: #fe4a65; }
.setsystem .list .text .icon.active:after { left:0.45rem;  }
.setsystem .list .arrow { padding: 0.3rem 0rem; display: block; font-size: 0.28rem; color: #333333; background: url('../images/icon57.png') no-repeat right center; background-size: 0.16rem auto; border-bottom: 1px solid #dddddd; }
.setsystem .list .num { padding: 0.3rem 0rem; border-bottom: 1px solid #dddddd; display: block; font-size: 0.28rem;   }
.setsystem .list .num span { float: right; color: #8a8a8a; }

.setsystem .dwo { padding: 0.5rem 0.3rem; }

.account_tc { bottom: 50%; }
.comment_tc { text-align: center; display: none; }
.comment_tc h2 { font-size: 0.3rem; color: #333; }
.comment_tc .icon { margin-top: 0.5rem; }
.comment_tc .icon img { display: inline-block; vertical-align: top; width: 0.59rem; margin: 0rem 0.1rem; }

.film_search { background: #e9e9f2; padding: 0.3rem;   width: 100%;  height: 1.38rem;  } 
.film_search .text { width: 45%; background-image: linear-gradient(100deg, #6bf48c 0%, #d037fd 100%); padding: 1px; float: right; }  
.film_search .text .txt { width: 100%; padding: 0.18rem; font-size: 0.32rem; background:#fff url('../images/icon7.png') no-repeat 0.2rem center; background-size: 0.38rem auto; padding-left: 0.8rem; padding-right: 0.5rem }

.film_search .tit { float: left; width: 50%; }
.film_search .tit a { line-height: 0.78rem; font-size: 0.32rem; color: #6b6b6f; float: left; width: 50%; text-align: center; }
.film_search .tit a:before { content: ''; background: url('../images/icon62.png') no-repeat left center; display: inline-block; vertical-align: middle; background-size: 0.17rem auto; width: 0.17rem; height: 0.26rem; margin-top: -2px; margin-right: 0.1rem; }
.film_search .tit a:after { content: ''; background: url('../images/icon63.png') no-repeat left center; display: inline-block; vertical-align: middle; background-size: 0.17rem auto; width: 0.17rem; height: 0.26rem; margin-top: -2px; margin-left: 0.1rem; }
.film_search .tit a.active { color: #333; text-shadow: 1px 1px 1px #b2d6c9; }
.film_search .tit a.active:before { content: ''; background: url('../images/icon60.png') no-repeat left center; display: inline-block; vertical-align: middle; background-size: 0.17rem auto; width: 0.17rem; height: 0.26rem; margin-top: -2px; margin-right: 0.1rem; }
.film_search .tit a.active:after { content: ''; background: url('../images/icon61.png') no-repeat left center; display: inline-block; vertical-align: middle; background-size: 0.17rem auto; width: 0.17rem; height: 0.26rem; margin-top: -2px; margin-left: 0.1rem; }

.film { padding-bottom: 0.4rem; }
.film .tit  { background: url('../images/icon64.png') no-repeat left 0.4rem; background-size: 0.3rem auto; padding: 0.3rem 0rem; padding-left: 0.6rem; line-height: 0.4rem; }
.film .tit span { font-size: 0.26rem; color: #8a8a8a; display: inline-block; vertical-align: top; margin-right: 0.15rem; }
.film .tit span.active { color: #fe4a65; }

.film .list { overflow: hidden; }
.film .list ul { margin-left: -0.1rem; margin-right: -0.1rem; letter-spacing: -5px; }
.film .list ul li {  float: left; padding: 0.1rem; letter-spacing: 0px; width: 33.33%; }
.film .list ul li .img { width: 100%; position: relative; height: 2.6rem; }
.film .list ul li .img span { position: absolute; top: 0px; left: 0px; font-size: 0.24rem; color: #fff; padding: 0.05rem 0.2rem 0.1rem; background: #fe4a65; }

.film .list ul li .img .pic { width: 100%; position: absolute; height: 100%; left: 0px; top: 0px; object-fit: cover; }
.film .list ul li a { display: block; border: 1px solid #c3c8d7; }
.film .list ul li a .text { padding: 0.1rem; }
.film .list ul li a .text h3 { display: block; font-size: 0.28rem; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.film .list ul li a .text span { display: block; font-size: 0.24rem; margin-top: 0.1rem; color: #555555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.film .list ul li .popu { position: absolute; right: 0.1rem; bottom: 0.1rem; font-size: 0.3rem; color: #fe4a65; }
.film .list ul li .popu .icon { display: inline-block; vertical-align: middle; margin-right: 0.1rem; width: 0.23rem; margin-top: -0.04rem; color: #fe4a65; }


.film .star { overflow: auto; }
.film .star ul { white-space: nowrap; }
.film .star ul li { display: inline-block; vertical-align: top; margin-right: 0.2rem; text-align: center; padding-bottom: 0.3rem; position: relative; }
.film .star ul li .img img { width: 1.28rem; height: 1.28rem; border-radius: 50%; }
.film .star ul li p { font-size: 0.26rem; margin-top: 0.1rem; }
.film .star ul li.active:after { content: ''; background: #f00; height: 0.08rem; width: 0.3rem; left: 50%; position: absolute; bottom: 0px; margin-left: -0.15rem }


.film1 { padding-bottom: 0.4rem; }
.film1 .had { margin-top: 0.3rem; }
.film1 .had img { width: 100%; }
.film1 .list { overflow: hidden; }
.film1 .list ul { margin-left: -0.05rem; margin-right: -0.05rem; }
.film1 .list ul li { float: left; width: 25%; padding: 0.05rem;  }
.film1 .list ul li .img { width: 100%; height: 1.18rem; position: relative; }
.film1 .list ul li .img img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }


.music .tit {  border-bottom: 1px solid #f3f3f8; }
.music .tit ul { display: flex;  flex-direction: row; }
.music .tit ul li { text-align: center; flex: 1;  }
.music .tit ul li a { display: block; padding: 0.2rem 0; }
.music .tit ul li img { width: 0.6rem; margin: 0 auto; }
.music .tit ul li p {  margin-top: 0.05rem; color: #333333; font-size: 0.28rem; }

.music .list { padding-top: 0.2rem; padding-bottom: 0.2rem; }
.music .list ul li:last-child { border-bottom: none; }
.music .list ul li { font-size: 0.3rem; border-bottom: 1px solid #e9e9f2; padding: 0.2rem 0rem; background: url('../images/icon68.png') no-repeat 96% center; background-size: 0.4rem auto; padding-right:0.8rem; position: relative;  }
.music .list ul li strong { font-size: 0.28rem; color: #fca54c; float: left; width: 13%; padding-left: 3%; font-style: italic; }
.music .list ul li h3 { width: 50%; font-size: 0.3rem; float: left; padding-right: 3%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.music .list ul li span { width: 37%; color: #a5a6aa; float: left; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.music .list ul li:nth-child(1) strong { font-weight: 800; color: #fe4a65; }
.music .list ul li:nth-child(2) strong { font-weight: 800; color: #fe4a65; }
.music .list ul li:nth-child(3) strong { font-weight: 800; color: #fe4a65; }
.music .list ul li i img { width: 0.28rem; position: absolute; right:2%; top: 0.1rem; }


.singercon .img img { width: 100%; }
.singercon .name { padding: 0.4rem;  padding-bottom: 0rem; }
.singercon .name h3 { font-size: 0.4rem; color: #222222; margin-bottom: 0.1rem; }
.singercon .name span { display: inline-block; background: #c6c8e2; color: #fff; padding: 0.05rem 0.2rem 0.1rem; font-size: 0.26rem; margin-right: 0.1rem; margin-top: 0.1rem; }


.singer { padding: 0.3rem 0rem; padding-bottom: 0rem; padding-left: 0.6rem; background: url('../images/icon64.png') no-repeat left 0.5rem; background-size: 0.3rem auto; }
.singer .tit { padding: 0.1rem 0rem;  line-height: 0.4rem; position: relative; padding-left: 0.8rem; }
.singer .tit strong { position: absolute; left: 0; top: 0.1rem; font-size: 0.26rem; color: #8a8a8a; }
.singer .tit a { font-size: 0.26rem; color: #8a8a8a; display: inline-block; vertical-align: top; margin-right: 0.2rem; }
.singer .tit a.active { color: #fe4a65; }
.singer2 .text h3 { line-height:0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }

.singer .tit1 { padding-left: 1.3rem; }



.business_banner { position: relative; z-index: 88; }

.business  { position: relative; z-index: 88; background: #fff; padding: 0rem 0.3rem; position: relative; }
.business .tit { padding: 0.3rem 0rem; background: url('../images/icon71.png') no-repeat right center; background-size: 0.3rem auto; font-size: 0.34rem; }
.business .tit.active { background: url('../images/icon72.png') no-repeat right center; background-size: 0.3rem auto; }
.business .tit i { width: 0.36rem;  color: #222; display: inline-block; vertical-align: middle; margin-right: 0.2rem; margin-top: -0.06rem; }
.business .con { background: #fff; padding: 0rem 0.3rem 0rem 0.3rem; position: absolute; top: 1.2rem; left: 0px; width: 100%; display: none; }
.business .con a { display: block; font-size: 0.34rem; padding:0.25rem; padding-left: 0.5rem;  
    border-bottom: 0.08rem solid #e9e9f2; }
.business .con a:last-child { border-bottom: none; }

.business1 { overflow: hidden; padding: 0.3rem 0rem; }
.business1 ul { margin-left: -0.1rem; margin-right: -0.1rem; }
.business1 ul li { float: left; width: 33.33%; padding:0.1rem; }
.business1 ul li a { display: block; font-size: 0.34rem; color: #222222; border: 0.04rem solid #b5bcce; text-align: center; padding: 0.2rem 0.04rem; }


.hotel { padding: 0.2rem 0rem 0.3rem; }
.hotel ul li { padding: 0.3rem 0rem; border-bottom: 1px solid #dddddd; position: relative; }
.hotel ul li .img { width: 2.6rem; float: left; height: 2.07rem; }
.hotel ul li .img img { width: 100%; }
.hotel ul li .con { position: relative; }
.hotel ul li a { display: block; }
.hotel ul li .text { margin-left: 2.95rem; }
.hotel ul li .text h3 { color: #333333; font-size: 0.3rem; }
.hotel ul li .text p { margin-top: 0.10rem; line-height: 0.34rem; color: #8a8a8a; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 0.68rem; }
.hotel ul li .text h6 { margin-top: 0.1rem; }
.hotel ul li .text h6 span { background: #c6c8e2; display: inline-block; vertical-align: top; color: #fff; padding: 0.04rem 0.12rem 0.08rem; font-size: 0.24rem; }
.hotel ul li .text .xin { margin-top: 0.1rem; }
.hotel ul li .text .xin img { width: 0.22rem; display: inline-block; vertical-align: top; }


.hotel_ban img { width: 100%; }
.hotel_details .tit { padding: 0.3rem; border-bottom: 1px solid #dddddd; }
.hotel_details .tit h1 { font-size: 0.4rem; color: #222222; }
.hotel_details .tit .img { margin-top: 0.2rem; }
.hotel_details .tit .img img { width: 0.24rem; display: inline-block; vertical-align: top; }
.hotel_details .tit .add { background: url('../images/icon76.png') no-repeat left center; background-size: 0.26rem;  position: relative; padding: 0.2rem 0rem; padding-left: 0.4rem; margin-top: 0.2rem; font-size: 0.26rem; }
.hotel_details .tit .add .phone { width: 0.38rem; position: absolute; right: 0px; top: 50%; margin-top: -0.19rem; }
.hotel_details .text { padding: 0.3rem; }
.hotel_details .text h3 { font-size: 0.34rem; color: #222222; }
.hotel_details .text h4 { margin-top: 0.2rem; } 
.hotel_details .text h4 span { display: inline-block; vertical-align: top; background: #c6c8e2; padding: 0.06rem 0.1rem 0.1rem; font-size: 0.24rem; color: #fff; }
.hotel_details .text p { line-height: 0.4rem; margin-top: 0.1rem; }


.hotelcon { padding: 0.2rem 0rem 0rem; }
.hotelcon ul li { padding: 0.3rem 0rem; border-bottom: 1px solid #dddddd; position: relative; }
.hotelcon ul li:last-child { border-bottom: none; }
.hotelcon ul li .img { width: 1.74rem; float: left; height: 1.34rem; }
.hotelcon ul li .img img { width: 100%; }
.hotelcon ul li .con { position: relative; display: block; }
.hotelcon ul li .text { margin-left: 2.1rem; }
.hotelcon ul li .text h3 { color: #333333; font-size: 0.3rem; padding-top: 0.1rem; }
.hotelcon ul li .text p { font-size: 0.24rem; color: #8a8a8a; display: block; margin-top: 0.1rem; }
.hotelcon ul li .text strong { margin-top: 0.4rem; color: #fe4a65; margin-top: 0.2rem; display: block; }

.hotelcon ul li .con .fr { position: absolute; right: 0px; top: 50%; margin-top: -0.17rem; text-align: right; }
.hotelcon ul li .con .fr strong { font-size: 0.28rem; color: #fe4a65; }
.hotelcon ul li .con .fr strong span { background: #fe4a65; border-radius: 3px; color: #fff; font-size: 0.28rem; display: inline-block; vertical-align: middle; margin-left: 0.1rem; font-size: 0.28rem; padding: 0.04rem 0.1rem 0.1rem; margin-top: -0.04rem;  }

.hotel_w a { display: block; padding: 0.5rem 0.3rem; font-size: 0.3rem; color: #8a8a8a; }
.hotel_w a img { display: inline-block; vertical-align: middle; margin-top: -0.08rem; width: 0.5rem; margin-right: 0.15rem; }


.hotelcon ul li .shop { position: absolute; bottom: 0px; right: 0px; background: #fff; }

.add_sub { text-align:center; width:2rem; display: inline-block; vertical-align: top;  }
.add_sub p ,.add_sub input { float: left; }
.add_sub input { width:0.5rem; height:0.5rem;  outline:none; background: none; font-size: 18px; font-weight: bold; color: #c8c8c8; }
.add_sub .reduce { border-top-left-radius: 3px; border-bottom-left-radius: 3px; background: #ebebeb; border-right: 2px solid #fff; color: #333; }
.add_sub .add { border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #ebebeb; border-left: 2px solid #fff; color: #333; }
.add_sub p { width:1rem;height: 0.5rem; margin: 0 -1px; line-height: 0.45rem !important; text-align: center; padding:0; margin-top: 0px !important; color: #333; background: #f5f5f5; }



.foot {position: fixed;bottom: 0px;left: 0px;width: 100%;height: 1rem;  padding-right: 2.3rem;z-index: 99; background: #fcfffe;}
.foot .text { height: 100%; border-top: 1px solid #e5e5e5; font-size: 0.28rem; line-height: 0.85rem; padding-left: 0.3rem; }
.foot .text strong { display: inline-block; vertical-align: middle; margin-right: 0.5rem; }
.foot .text p { display: inline-block; vertical-align: middle; }
.foot .text p span { color: #fe4a65; }
.foot .an { position: absolute; right: 0px; top: 0px; letter-spacing: -5px; width: 2.3rem; }
.foot .an a { display: inline-block; vertical-align: top; line-height: 1rem; font-size: 0.32rem; color: #ffffff; padding: 0rem 0.1rem; letter-spacing: 0px; width: 100%; text-align: center; }
.foot .an .red { background: #fe4a65; }



.hotel_add .form ul { padding: 0.3rem 0rem; }
.hotel_add .form ul li {  position: relative; padding: 0rem 0.3rem; border-bottom: 1px solid #dddddd; padding-left: 1.9rem; }
.hotel_add .form ul li:last-child { border-bottom: none; }
.hotel_add .form ul li label { position: absolute; left: 0.3rem; line-height: 0.94rem; font-size: 0.28rem; color: #878787; }
.hotel_add .form ul li .txt { width: 100%;  font-size: 0.28rem; color: #999999; padding: 0.3rem 0rem;  }

.hotel_add .infor { position: relative; padding: 0rem 0.3rem; margin-top: 0.5rem; font-size: 0.28rem; position: relative; }
.hotel_add .infor .icon { background: #e9e9e9; height: 0.5rem; width: 0.9rem;  position: absolute; top: 0px; right: 0rem; border-radius: 20px; top: 50%; margin-top: -0.25rem; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.hotel_add .infor .icon:after { content: ''; background: #fff; height: 0.4rem; width: 0.4rem; position: absolute; left: 0px; top: 0.05rem; border-radius: 50%; left: 0.05rem; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.hotel_add .infor .icon.active { background: #fe4a65; }
.hotel_add .infor .icon.active:after { left:0.45rem;  }
.hotel_add .but { padding: 0.3rem; }

.hotel_t { font-size: 0.26rem; color: #222; padding: 0.3rem; padding-right: 1rem; background: url('../images/icon78.png') no-repeat left center; background-size: 0.48rem auto; padding-left: 0.8rem; }
.hotel_t h3 span { float: right;  }
.hotel_t p { line-height: 0.4rem; margin-top: 0.15rem;  }
.hotel_s ul li .text h3 { padding-top: 0px; }
.hotel_s ul li { border-bottom: none; }




.hotel_form ul li .item { border-bottom: 1px solid #dddddd; padding: 0.2rem; position: relative; padding-left: 1.7rem; height: 0.92rem; font-size: 0.26rem; padding-right: 0rem; }
.hotel_form ul li .item label { position: absolute; left: 0.2rem; top: 0px;  color: #222222; line-height: 0.92rem; }
.hotel_form ul li:last-child { border-bottom: none; }
.hotel_form ul li .item .txt { width: 100%; padding: 0.1rem 0rem; }
.hotel_form ul li .item em { width: 30%; display: inline-block; vertical-align: top; padding: 0.1rem 0rem; text-align: center; }

.hotel_form ul li .item .text { line-height: 0.52rem; color: #222222; }
.hotel_form ul li .item .text span { color: #cbced5; margin-left: 0.2rem; }
.hotel_form ul li .item .text .col { color: #cbced5; }
.hotel_form ul li .item .text strong.active { color: #222222; }
.hotel_form ul li .w50 { width: 50%; float: left; }
.hotel_form ul li .item .time_text { line-height: 0.52rem; }


.hotel_form ul .w50 { float: left; width: 50%; }
.hotel_form ul li .item .yzm_but { position: absolute; right: 0px; top: 0px; line-height: 0.92rem; color: #fe4a65; background: none; }
.hotel_form ul .open .item { background: url('../images/icon79.png') no-repeat right center; background-size: 0.32rem auto; }
.hotel_form ul li .item .open_con { background: #f7f7fb; padding: 0.2rem; }
.hotel_form ul li .item .open_con span { background: #fff; color: #333; }
.hotel_form ul li .open_con { background: #f7f7fb;  padding: 0.2rem 0.1rem; width: 100%;  display: none; }
.hotel_form ul li .open_con span { background: #fff; font-size: 0.26rem; padding: 0.02rem 0.34rem 0.06rem;  display: inline-block; vertical-align: top; letter-spacing: 0px; text-align: center; margin: 1%; }
.hotel_form ul .open .item.active { background: url('../images/icon80.png') no-repeat right center; background-size: 0.32rem auto; } 
.laydate_box { left: 0% !important; width: 100% !important; bottom: 0 !important; top:inherit !important; position: fixed !important; }


.brokerage { padding: 0.3rem 0rem; }
.brokerage .list { overflow: hidden; }
.brokerage .list ul { margin-left: -0.1rem; margin-right: -0.1rem; letter-spacing: -0.1rem; }
.brokerage .list ul li {  display: inline-block; vertical-align: top; padding: 0.1rem; letter-spacing: 0px; width: 50%; }
.brokerage .list ul li .img { width: 100%; position: relative; height: 4.1rem; position: relative; }
.brokerage .list ul li .img span { position: absolute; top: 0px; left: 0px; font-size: 0.24rem; color: #fff; padding: 0.05rem 0.2rem 0.1rem; background: #fe4a65; }

.brokerage .list ul li .img img { width: 100%; position: absolute; height: 100%; left: 0px; top: 0px; object-fit: cover; }
.brokerage .list ul li a { display: block; border: 1px solid #c3c8d7; }
.brokerage .list ul li a .text { padding: 0.1rem; }
.brokerage .list ul li a .text h3 { display: block; font-size: 0.28rem; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brokerage .list ul li a .text span { display: block; font-size: 0.24rem; margin-top: 0.1rem; color: #555555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brokerage .list ul li a .text p { font-size: 0.24rem; margin-top: 0.1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.artist .text { padding: 0.3rem; }
.artist .text h3 { font-size: 0.4rem; color: #222222; }
.artist .text h4 { margin-top: 0.2rem; } 
.artist .text h4 span { display: inline-block; vertical-align: top; background: #c6c8e2; padding: 0.06rem 0.15rem 0.1rem; font-size: 0.24rem; color: #fff; }
.artist .text p { line-height: 0.4rem; margin-top: 0.1rem; }

.artist .text .gen { font-size: 0.26rem; color: #000000; margin-top: 0.2rem; }
.artist .text .gen img { width: 0.26rem; display: inline-block; vertical-align: middle; margin-top: -0.04rem; margin-left: 0.1rem; }

.artist .list { padding: 0.3rem; padding-top: 0rem; border-bottom: 1px solid #dddddd; }
.artist .list ul li { position: relative; font-size: 0.26rem; color: #707070; margin-top: 0.1rem; padding-left: 1.4rem; }
.artist .list ul li span { position: absolute; left: 0px; top: 0px;  }

.artist .text1  { padding: 0.3rem 0rem; }
.artist .text1 h3 { font-size:0.3rem; color: #222222; padding-left: 0.3rem; margin-bottom: 0.2rem;  }
.artist .text1 p { font-size: 0.24rem; color: #707070; position: relative; padding-left: 0.3rem; line-height: 0.36rem; margin-top: 0.05rem; }
.artist .text1 p:after { content: ''; background: #555555; width: 0.1rem; height: 0.1rem; position: absolute; left: 0px; top:0.15rem; border-radius: 50%; }

.artist .text2 { padding: 0.3rem; padding-top: 0rem; }
.artist .text2 h3 { font-size:0.3rem; color: #222222;  margin-bottom: 0.2rem;  }
.artist .text2 p { line-height: 0.36rem; }
.artist .text2 p span { color: #fe4a65; }


.artist1 { padding: 0.3rem 0rem; padding-left: 0.3rem; }
.artist1 h3 { font-size: 0.3rem; color: #222; padding-left: 0.3rem; }
.artist1 .list { overflow: auto; margin-top: 0.3rem; }
.artist1 .list ul { white-space: nowrap; }
.artist1 .list ul li { display: inline-block; vertical-align: top; margin-right: 0.1rem; position: relative; }
.artist1 .list ul li a { width: 100%; height: 100%; display: block; }
.artist1 .list ul li img { width: 3.07rem; height: 1.96rem; }
.artist1 .list ul li a:after { content: ''; background: url('../images/icon81.png') no-repeat center center; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; background-size: 0.56rem; }


.artist2 { padding-bottom: 0.3rem; }
.artist2 h3 { font-size: 0.3rem; color: #222; padding-left: 0.3rem;  }
.artist2 .list { overflow: hidden; margin-top: 0.2rem; }
.artist2 .list ul { margin-left: -0.1rem; margin-right: -0.1rem; }
.artist2 .list ul li { width: 33.33%; float: left; position: relative; padding: 0.1rem; }
.artist2 .list ul li .con { position: relative; display: block }
.artist2 .list ul li .img { width: 100%; height: 2.3rem;  }
.artist2 .list ul li .img img { width: 100%; height: 100%; object-fit: cover; }
.artist2 .list ul li p { position: absolute; right: 0.1rem; bottom: 0.1rem; background:rgba(0,0,0,0.5); padding: 0.06rem 0.15rem 0.1rem; color: #fff; }
.artist2 .list ul li p:before { content: ''; background: url('../images/icon82.png') no-repeat left center; width: 0.25rem; height: 0.25rem; background-size: 0.25rem auto; display: inline-block; vertical-align: middle; margin-right: 0.05rem; }


.artist_foot {  height: 1rem; background: linear-gradient(100deg, #6bf48c 0%, #d037fd 100%); padding-top: 1px; position: fixed; bottom: 0px; left: 0px; width: 100%;  }
.artist_foot .con { background: #fff; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0rem 0.4rem; }
.artist_foot .con a { display: inline-block; font-size: 0.28rem; color: #fff; padding: 0.1rem 0.4rem 0.14rem; background: #fe4a65; border-radius: 5px; }
.artist_foot .con .text { font-size: 0.26rem; }
.artist_foot .con input[type="checkbox"] { margin-left: 0.15rem; margin-right: 0rem; margin-top: -0.04rem;  }


.artist_video { margin-top: 0.3rem; }

.signing { padding: 0.3rem 0rem; }
.signing .img { width: 2.08rem; float: left; height: 1.6rem; border-radius: 3px; overflow: hidden; }
.signing .img img { width: 100%; }
.signing .con { position: relative; display: block; }
.signing .text { margin-left: 2.4rem; }
.signing .text h3 { color: #333333; font-size: 0.3rem; padding-top: 0.1rem; }
.signing .text p { font-size: 0.24rem; color: #8a8a8a; display: block; margin-top: 0.1rem; }
.signing .text strong { margin-top: 0.4rem; color: #fe4a65; margin-top: 0.2rem; display: block; }


.signing_foot .text strong { text-decoration: underline; }
.signing_foot .text input[type="checkbox"] { margin-top: 0.06rem; }



.m_check input[type="radio"] { background: url('../images/icon18.png') no-repeat center center; width: 0.32rem; height: 0.32rem; background-size: 0.32rem auto; display: inline-block; vertical-align: middle; margin-right: 0.12rem; }
.m_check input[type="radio"]:checked { background: url('../images/icon19.png') no-repeat center center; width: 0.32rem; height: 0.32rem; background-size: 0.32rem auto; }


.m_success { padding: 0.3rem; padding-top: 0.5rem; text-align: center; }
.m_success img { margin: 0 auto; width: 2.4rem; }
.m_success p { color: #b5b5b5; font-size: 0.26rem; line-height: 0.5rem; margin-top: 0.3rem; }


.live_search { padding-left: 1.4rem; background:#e9e9f2 url('../images/icon85.png') no-repeat 0.3rem center; background-size: 0.71rem auto; }


.live { overflow: hidden; padding: 0.3rem 0rem; }
.live ul { letter-spacing: -0.1rem; margin-left: -0.1rem; margin-right: -0.1rem;  }
.live ul li { display: inline-block; letter-spacing: 0rem; vertical-align: top; width: 50%; padding: 0.1rem; }
.live ul li .con { display: block; border: 1px solid #b5bcce; }
.live ul li .img { width: 100%; height: 2.30rem; position: relative; }
.live ul li .img img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; }
.live ul li .text { padding: 0.2rem; position: relative; padding-right: 1.8rem; }
.live ul li .text h3 { font-size: 0.26rem; color: #222222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.live ul li .text strong { position: absolute; top: 0.2rem; color: #fe4a65; right: 0.2rem; font-size: 0.26rem; display: block; }
.live ul li .text strong:before { content: ''; background: url('../images/icon84.png') no-repeat left center; width: 0.19rem; height: 0.23rem; background-size: 0.19rem auto; display: inline-block; vertical-align: middle; margin-right: 0.1rem; margin-top: -0.04rem; }


.renter { overflow: hidden; padding: 0.2rem 0rem 0.3rem; }
.renter ul { margin-left: -0.1rem; margin-right: -0.1rem; display: flex; flex-wrap: wrap; flex-direction: row; }
.renter ul li { flex: 0 0 auto; width: 50%;  padding: 0.1rem;  display: flex; }
.renter ul li .con { display: block; border: 1px solid #b5bcce;  }
.renter ul li .img { height: 3.54rem; width: 100%; position: relative; }
.renter ul li .img .pic { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover; }
.renter ul li .text { position: relative; padding: 0.2rem 0.1rem; }
.renter ul li .text p { position: relative; font-size: 0.24rem; color: #555555; line-height: 0.36rem; padding-left: 0.7rem; }
.renter ul li .text p span { position: absolute; left: 0rem; top: 0rem; }


.renter ul li .item { position: absolute; right: 0px; bottom: 0.3rem; max-width: 100%; height: 0.84rem; }
.renter ul li .item h3 { display: inline-block; vertical-align: top; }
.renter ul li .item h3 strong { display: block; font-size: 0.26rem; color: #ffee00; }
.renter ul li .item h3 span { display: block; margin-top: 0.1rem; color: #333; font-size: 0.26rem; }

.renter ul li .item h4 { display: inline-block; vertical-align: top; margin-left: 0.1rem; }
.renter ul li .item h4 strong { display: block; font-size: 0.24rem; color: #ffee00; margin-top: 0.03rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.renter ul li .item h4 span { display: block; margin-top: 0.1rem; color: #333; font-size: 0.24rem; }
.renter ul li .item h4 span .icon { width: 0.23rem; display: inline-block; vertical-align: middle; margin-left: 0.04rem; margin-top: -0.04rem; }
.renter ul li .item .tx { background-image: linear-gradient(100deg, #6bf48c 0%, #d037fd 100%); padding: 1px; width:0.84rem; height: 0.84rem; border-radius: 50%; overflow: hidden; }
.renter ul li .item .tx img { width: 100%; height: 100%; border-radius: 50%; } 
.renter ul li .item .tx { display: inline-block; vertical-align: top; margin-right: -0.42rem; z-index: 9; position: relative; }
.renter ul li .item .wz {  color: #333;  display: inline-block; vertical-align: top; background: rgba(254,74,101,0.8); padding-left: 0.42rem; padding-right: 0.1rem; height: 100%;  }

.renter_ban { padding: 0.4rem 0.3rem; padding-bottom: 0rem; }
.renter_ban img { width: 3.24rem; }

.renter2 .list ul li .img { height: 2.76rem; }

.renter3 { padding: 0.3rem 0rem; }
.renter3 .img { width: 2.08rem; float: left; height: 1.6rem; border-radius: 3px; overflow: hidden; }
.renter3 .img img { width: 100%; }
.renter3 .text { margin-left: 2.4rem; }
.renter3 .text h3 { color: #333333; font-size: 0.3rem; }
.renter3 .text p { font-size: 0.26rem; color: #222; display: block; margin-top: 0.2rem; }
.renter3 .text p img { width: 0.26rem; display: inline-block; vertical-align: middle; margin-top: -0.04rem; margin-left: 0.1rem; }
.renter3 .text strong {  color: #666; margin-top: 0.3rem; display: block; position: relative; padding-left: 0.2rem; }
.renter3 .text strong:after { content: ''; background: #555555; width: 0.1rem; height: 0.1rem; border-radius: 50%; position: absolute; left: 0px; top: 50%; margin-top: -0.05rem; }

.foot_ts { position: fixed; bottom: 1rem; width: 100%; height: 0.8rem; line-height: 0.8rem; padding: 0rem 0.3rem; color: #b5b5b5; }



.renterform .had { margin-top: 0.5rem; }
.renterform .had .img { width: 3rem; margin: 0 auto; }
.renterform .had .text { text-align: center; font-size: 0.28rem; margin-top: 0.2rem; }
.renterform .had .text img { width:0.4rem;  display: inline-block; vertical-align: middle; margin-right: 0.15rem; margin-top: -0.08rem; }


.renterform .from { padding: 0.5rem 0.2rem; }
.renterform .from ul li { padding-left: 1.2rem; width: 44%; margin: 0 3%; float: left; position: relative; margin-top: 0.3rem; }
.renterform .from ul label { font-size: 0.28rem; position: absolute; left: 0px; line-height: 0.58rem; }
.renterform .from ul li .rad { line-height: 0.58rem; }
.renterform .from ul li .rad span { margin-right: 0.2rem; }
.renterform .from ul .txt { width: 100%;  border: 1px solid #f592a5; padding: 0.1rem; font-size: 0.28rem; border-radius: 5px; }
.renterform .from ul .txtbox { width: 100%;  border: 1px solid #f592a5; padding: 0.1rem; font-size: 0.28rem; border-radius: 5px; height: 2rem; }

.renterform .from ul .text { position: relative; }
.renterform .from ul .text .txt { padding-right: 1rem; }
.renterform .from ul .text strong { position: absolute; right: 0.2rem; top: 0px; line-height: 0.56rem; color: #bebebc; }
.renterform .from ul .w100 { width: 94%; margin: 0 3%; margin-top: 0.3rem; }
.renterform .from ul .li_yzm { padding-left: 1.5rem; }

.renterform .from ul li .tag { margin-top: 0.1rem; }
.renterform .from ul li .tag span { font-size: 0.24rem; color: #bebebc; margin-right: 0.3rem; display: inline-block; vertical-align: top; margin-top: 0.08rem; }


.renter_own { padding:0rem 0.3rem; }
.renter_own h3 { padding-left: 0px; position: relative; }
.renter_own h3 strong { position: absolute; right: 0px; top: 0px; color: #fe4a65; }
.renter_own h3 strong:after { content: ''; background: url('../images/icon86.png') no-repeat right center; background-size: 0.29rem auto;  width: 0.29rem; height: 0.28rem; display: inline-block; vertical-align: middle; margin-left: 0.1rem; margin-top: -0.04rem; }

.renter_own .list ul li .img { height: 2.48rem; }
.aviation_ban img { width: 100%; }
.aviation_box {   position: relative; z-index: 99; margin-top: -1.5rem; padding: 0.3rem; }
.aviation { background-image: linear-gradient(100deg, #e6effc 0%, #f8e9ff 100%); box-shadow: 1px 1px 5px rgba(0,0,0,0.2); border-radius: 5px; padding: 0.5rem 0.4rem; padding-top: 0.3rem;  }
.aviation .tit { display: flex; flex-direction: row;  }
.aviation .tit a { font-size: 0.34rem; color: #222222; flex: 0 0 auto; width: 33.33%;  text-align: center; position: relative; padding: 0.2rem 0rem; }
.aviation .tit a.active:after { content: ''; background: #fe4a65; height: 0.06rem; width: 0.36rem; background: #fe4a65; position: absolute; left: 50%; margin-left: -0.18rem; bottom: 0px; }
.aviation .con { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 0.3rem; }
.aviation .con .text { flex: 0 0 calc(40%);  }
.aviation .con .text strong { font-size: 0.26rem; color: #8a8a8a; }
.aviation .con .text input[type="text"] { width: 100%; padding: 0.2rem 0rem; border-bottom: 1px solid #969798; background: none; font-size: 0.36rem; border-radius: 0px; }
.aviation .con .wz_fr { text-align: right; }
.aviation .con .wz_fr input[type="text"] { text-align: right; }
.aviation .con .icon { flex: 0 0 calc(20%); padding: 0.35rem;  }
.aviation .con .text input::-moz-placeholder { color: #222; font-weight: normal; }
.aviation .con .text input::-webkit-input-placeholder { color: #222; font-weight: normal; }
.aviation .con .text input::-ms-input-placeholder { color: #222; font-weight: normal; }

.aviation .time { margin-top: 0.3rem; font-size: 0.32rem; color: #222222; }


.aviation1 .had { position: relative; padding-right: 0.8rem; border-bottom: 1px solid #c1c3c9; }
.aviation1 .had:after { content: ''; position: absolute; height: 100%; width: 1.2rem; background: rgba(255,255,255,0.6); right: 0px; top: 0px; }
.aviation1 .had .tit { overflow-x: auto;  }
.aviation1 .had .tit ul { white-space: nowrap; }
.aviation1 .had .tit ul li { display: inline-block; vertical-align: top; font-size: 0.3rem; margin-left: 0.3rem; position: relative; padding-bottom: 0.3rem;}
.aviation1 .had .tit ul li.active:after { content: ''; position: absolute; left: 50%; width: 0.3rem; height: 0.06rem; background: #fe4a65; bottom: 0; margin-left: -0.15rem; }
.aviation1 .had .tit ul li strong { display: block; }
.aviation1 .had .tit ul li span { display: block; margin-top: 0.1rem;  }

.aviation1 .had .time { position: absolute; right: 0px; top: 0.08rem; width: 0.8rem; text-align: center; background: rgba(255,255,255,0.5); z-index: 9;  } 
.aviation1 .had .time strong img { width: 0.4rem; margin: 0 auto; }
.aviation1 .had .time span img { width: 0.3rem; margin: 0 auto; margin-top: 0.1rem; }

.aviation1 .list ul li { padding: 0.3rem 0rem; border-bottom: 1px solid #c1c3c9; }

.aviation1 .list ul li .con { position: relative; }
.aviation1 .list ul li .con .time { float: left; margin-top: 0.3rem; }
.aviation1 .list ul li .con .time strong { font-size: 0.4rem; color: #222222; display: block; }
.aviation1 .list ul li .con .time span { font-size: 0.28rem; color: #555555; display: block; }
.aviation1 .list ul li .con h6 { position: absolute; top: 0.3rem; right: 0px; color: #fe4a65; font-size: 0.4rem; }
.aviation1 .list ul li .con .name { margin-left: 1.5rem;  position: relative; }
.aviation1 .list ul li .con .name:after { content: ''; position: absolute; left: 0.09rem; top: 0.3rem; width: 1px; height: 62%; background: #8a8a8a; }
.aviation1 .list ul li .con .name strong { font-size:0.36rem; color: #222222; padding-left: 0.36rem; position: relative; display: block;  }
.aviation1 .list ul li .con .name strong:after { content: ''; background: #fff; border: 2px solid #8a8a8a; border-radius: 50%; 
width: 0.14rem; height: 0.14rem; left: 0px; top: 0px; position: absolute; left: 0px; top: 50%; margin-top: -0.07rem; z-index: 9; }
.aviation1 .list ul li .con .name .zd { margin-top: 0.3rem; }
.aviation1 .list ul li .dwo { margin-left: 1.5rem; margin-top: 0.2rem; font-size: 0.28rem; color: #8a8a8a; }
.aviation1 .list ul li .dwo span { float: right; }
.aviation1 .list ul li:last-child { border-bottom: none; }


.musicbox { position: relative; }